<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>可多选组合树网格 - jQuery EasyUI 演示</title>
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
	<h2 title="Multiple ComboTreeGrid">可多选的组合树网格</h2>
	<p title="Click the right arrow button to show the TreeGrid and select items.">　　点击右箭按钮即可呈现树网格，然后按需选择即可（叶级节点有效）。<i>注：原版数据源未指定请求方法，默认 post 某些网站会报“405 Method Not Allowed”错，改为明确指定 get 方法。</i></p>
	<div class="easyui-panel" style="width:100%;max-width:400px; padding:12px">
		<div style="margin-bottom:0px">
			<input class="easyui-combotreegrid" data-options="width:'100%', height:'45px', panelWidth:420,
					label:'请选择多值：', labelPosition:'left', labelWith:40, labelAlign:'right',
					url:'treegrid_data1.json', method: 'get', idField:'id', treeField:'name', multiple:true,
					value:['21','43'], multiline:true,
					columns:[[
						{field:'name',title:'<h title=\'Name（文件夹或文件）\'>名称</h>',halign:'center',width:200},
						{field:'size',title:'<h title=\'Size\'>大小</h>',halign:'center',width:100},
						{field:'date',title:'<h title=\'Date\'>修改日期</h>',halign:'center',width:100}
					]]">
		</div>
	</div>
</body>
</html>